/* Copyright: Ankitects Pty Ltd and contributors
 * License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */

@use 'vars';

#header {
    padding: 3px;
    font-weight: bold;
    border-bottom: 1px solid vars.$day-border;
}

.tdcenter {
    white-space: nowrap;
}

body {
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    overflow: hidden;
}

* {
    -webkit-user-drag: none;
}

.hitem {
    padding-right: 12px;
    padding-left: 12px;
    text-decoration: none;
    color: vars.$day-text-fg;
}

.hitem:hover {
    text-decoration: underline;
}

.hitem:focus { outline: 0; }

.nightMode {
    .hitem {
        color: vars.$night-text-fg;
    }

    #header {
        border-bottom-color: vars.$night-faint-border;
    }

    .normal-sync {
        color: vars.$night-new-count;
    }

    .full-sync {
        color: vars.$night-learn-count;
    }
}

.isMac.nightMode #header {
    border-bottom-color: vars.$night-frame-bg;
}

@keyframes spin {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}

.spin {
    animation: spin;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    display: inline-block;
    visibility: visible !important;
    animation-timing-function: linear;
}

#sync-spinner {
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
    visibility: hidden;
}

.normal-sync {
    color: vars.$day-new-count;
}

.full-sync {
    color: vars.$day-learn-count;
}


